
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page isELIgnored="false" contentType="text/html;charset=UTF-8" language="java" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"></c:set>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>个人中心</title>
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link href="${ctx}/static/css/amazeui.min.css" rel="stylesheet" type="text/css" />
    <link href="${ctx}/static/css/style.css" rel="stylesheet" type="text/css" />
    <script src="${ctx}/static/js/jquery-1.10.2.min.js"></script>
    <script src="${ctx}/static/js/time.js"></script>

</head>
<body style="background: #f6f6f6;">
<header data-am-widget="header" class="am-header am-header-default sq-head ">
    <div class="am-header-left am-header-nav">
        <a href="step.html" class="">
            <img src="${ctx}/static/images/step.png" width="26" style="margin-top: 1px;"/>
        </a>
    </div>
    <h1 class="am-header-title">
        <a href="" class="">个人中心</a>
    </h1>
    <div class="am-header-right am-header-nav">
        <a href="" class="">
            <i class="am-icon-comment-o" style="font-size: 20px;"></i>
        </a>
    </div>
</header>
<div style="height: 49px;"></div>
<div class="member">
    <div class="mem-tit">
        <!--<a href="step.html" class="step"><img src="images/step.png" width="26"/></a>-->
    </div>
    <div class="mem-pic">
        <div class="mem-pic-bg" id="portrait" style="background-image: url(${ctx}/static/images/memtx.png);"></div>
        <a href="" class="men-level">√普通会员</a>
    </div>
    <ul class="member-menu">
        <li>
            <a href="records.html">
                <p class="yellow" id="money">${user.user_balance}</p>
                <p class="black">帐户余额 </p>
            </a>
        </li>
        <li>
            <a href="integral.html">
                <p class="yellow" id="point">${user.user_point}</p>
                <p class="black">积分 </p>
            </a>
        </li>
        <li>
            <a href="yhq.html">
                <p class="yellow">0</p>
                <p class="black">优惠劵 </p>
            </a>
        </li>
        <li>
            <a href="collect.html">
                <p class="yellow">0</p>
                <p class="black">我的收藏 </p>
            </a>
        </li>
    </ul>
</div>
<div class="user-list">
    <div class="u-list-main">
        <img src="${ctx}/static/images/order-pic.png" width="27"/>
        <span>我的购物订单</span>
        <a href="../../reserve/allorder.html">查看全部订单></a>
    </div>
    <ul class="user-nav">
        <li><a href="../../reserve/allorder.html"> <img src="${ctx}/static/images/1-icon.png">
            <p>待付款</p></a></li>
        <li><a href="../../reserve/allorder.html"> <img src="${ctx}/static/images/1-icon1.png">
            <p>待收货</p></a></li>
        <li><a href="../../reserve/allorder.html"> <img src="${ctx}/static/images/1-icon2.png">
            <p>待评价</p></a></li>
        <li><a href="../../reserve/allorder.html"> <img src="${ctx}/static/images/1-icon3.png">
            <p>退换货</p></a></li>
    </ul>
    <div class="u-list-main">
        <img src="${ctx}/static/images/order-my.png" width="27"/>
        <span>帐户与安全</span>
    </div>
    <ul class="user-nav">
        <li><a href="infor.html"> <img src="${ctx}/static/images/1-icon4.png">
            <p>个人资料</p></a></li>
        <li><a href="gladdress.html"> <img src="${ctx}/static/images/1-icon5.png">
            <p>收货地址</p></a></li>
        <li><a href="saftystep.html"> <img src="${ctx}/static/images/1-icon6.png">
            <p>安全设置</p></a></li>
        <li><a href="money.html"> <img src="${ctx}/static/images/1-icon7.png">
            <p>我的钱包</p></a></li>
    </ul>
</div>
<!--导航-->
<ul class="sq-nav"
    style=" background: #fff; margin-top: 1rem; border-top: 1px solid #ddd;  border-bottom: 1px solid #ddd;">
    <li>
        <div class="am-gallery-item">
            <a href="myallchips.html" class="">
                <img src="${ctx}/static/images/icon4.png"/>
                <p>我的众筹</p>
            </a>
        </div>
    </li>
    <li>
        <div class="am-gallery-item">
            <a href="mywhite.html" class="">
                <img src="${ctx}/static/images/icon5.png"/>
                <p>我的白条</p>
            </a>
        </div>
    </li>
    <li>
        <div class="am-gallery-item">
            <a href="memberreserve.html" class="">
                <img src="${ctx}/static/images/icon2.png"/>
                <p>我的预定</p>
            </a>
        </div>
    </li>
    <li>
        <div class="am-gallery-item">
            <a href="" class="">
                <img src="${ctx}/static/images/icon8.png"/>
                <p>安全退出</p>
            </a>
        </div>
    </li>
</ul>
</div>
<!--底部-->
<div style="height: 55px;"></div>
<div data-am-widget="navbar" class="am-navbar am-cf am-navbar-default sq-foot am-no-layout" id="">
    <ul class="am-navbar-nav am-cf am-avg-sm-4">
        <li>
            <a href="index.html">
                <span class="am-icon-home"></span>
                <span class="am-navbar-label">首页</span>
            </a>
        </li>
        <li>
            <a href="category.html" class="">
                <span class="am-icon-th-large"></span>
                <span class="am-navbar-label">分类</span>
            </a>
        </li>

        <li>
            <a href="shopcart.html" class="">
                <span class="am-icon-shopping-cart"></span>
                <span class="am-navbar-label">购物车</span>
            </a>
        </li>
        <li>
            <a href="login.html" class="curr">
                <span class="am-icon-user"></span>
                <span class="am-navbar-label">我的</span>
            </a>
        </li>
    </ul>
</div>
<script type="text/javascript" src="${ctx}/static/js/jquery.cookie.js"></script>
<script>
    function loaduser() {
        if (null != $.cookie("username")) {
            var username = $.cookie("username");
            var money = $.cookie("money");
            var point = $.cookie("point");
            var portrait = $.cookie("portrait");
            console.info(username);
            $(".mem-tit").text("");
            $(".mem-tit").text(username);
            $("#portrait").css("background-image", "url(${ctx}/static/images/" + portrait + ")");
            $("#money").text("");
            $("#money").text(money);
            $("#point").text("");
            $("#point").text(point);
        }else {;
            $(".mem-tit").text("请登录");
            $("#money").text("0");
            $("#point").text("0");
        }
    }

    $(function () {
        loaduser();
    })
</script>

<script src="${ctx}/static/js/jquery.min.js"></script>
<script src="${ctx}/static/js/amazeui.min.js"></script>
</body>
</html>
